extends ./layout/default_layout
block style
block container
  #mycollect
    .menuwrapper
      .menu
        .btn.active
          span 全部
            img(src="")
        .btn
          .inner 课程
            img(src="")
        .btn
          .inner 活动
            img(src="")
        .btn
          .inner 视频
            img(src="")
        .btn
          .inner 音频
            img(src="")
        .btn
          .inner 文章
            img(src="")
    .pages
      .page.show
        .collectitem
          .top
          img.cover(src="../images/unkonw.png")
          .info
            legend 浙江大学-精准高端时尚大气上档次丽人培训课程
            time 2016-10-11
            address 杭州市
        .collectitem
          img.cover(src="../images/unkonw.png")
          .info
            legend 浙江大学-精准高端
            time 2016-10-11
            address 杭州市
        .collectitem
          img.cover(src="../images/unkonw.png")
          .info
            legend 浙江大学-精准高端时尚大气上档次丽人培训课程
            time 2016-10-11
            address 杭州市
      .page
        .collectitem
          .top
          img.cover(src="../images/unkonw.png")
          .info
            legend 浙江大学-精准高端时尚大气上档次丽人培训课程
            time 2016-10-11
            address 杭州市
      .page
        .collectitem
          .top
          img.cover(src="../images/unkonw.png")
          .info
            legend 浙江大学-精准高端时尚
            time 2016-10-11
            address 杭州市
      .page
        .collectitem
          .top
          img.cover(src="../images/unkonw.png")
          .info
            legend 浙江大学-精准高端时尚大气上档次丽人培训课程
            time 2016-10-11
            address 杭州市
      .page
        .collectitem
          img.cover(src="../images/unkonw.png")
          .info
            legend 浙江大学-精准高端时尚大气上档次丽人培训课程
            time 2016-10-11
            address 杭州市
      .page
        .collectitem
          img.cover(src="../images/unkonw.png")
          .info
            legend 浙江大学-精准高端时尚大气上档次丽人培训课程
            time 2016-10-11
            address 杭州市
    //include ./layout/homeBtn
  block js
    script.
      $(function () {
        var btn = $('.btn'),
          page = $('.page');
        $.each(btn, function (index) {
          $(this).on('click', function () {
            btn.removeClass('active').eq(index).addClass('active');
            page.removeClass('show').eq(index).addClass('show');
          })
        })
      })


